<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
    <!-- 全屏 -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!-- 上方栏显示 -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <!-- 不自动识别号码 -->
    <meta name="format-detection" content="telephone=no">
    <!-- Include js plugin -->
    <title>观看视频</title>
    <link rel="stylesheet" href="/static/wap/skin/css/layout.css">
    <link rel="stylesheet" href="/static/wap/skin/css/demos.css">
    <link href="/static/public/layer/src/css/layui.css" rel="stylesheet">

</head>
<body>
<div class="warp">
    <header class="brB">
        <div class="h_top">
            <div class="hLeft"><a href="/video" class="icoH icoReturn mt20"></a></div>
            <div class="hCenter"><span class="tit c-3ac9af">观看视频</span></div>
        </div>
    </header>
    <video controls loop="loop" autoplay="autoplay" id="myVideo" x-webkit-airplay="true" webkit-playsinline="" playsinline="true" preload="auto" poster="<{$info.course_img}>" duration="" width="100%" height="100%">
      <source src="<{$video.video_url}>" type="video/mp4" />
    </video>
    
    <div class="fix p-t20 s_kcmulu">
        <div class="con t_form fs14">
            <table class="layui-table">
                <colgroup>
                    <col width="80px">
                    <col>
                    <!-- <col width="15%"> -->
                </colgroup>

                <tbody>
                <tr>
                    <th colspan="4" class="tdtit tal" style="background-color: #f9f9f9;"><span class="fs16 c-333333">课程目录</span></th>
                </tr>
                </tbody>
                <{foreach from=$chapter key=key item=item_z}>
                <tbody>
                <tr>
                    <td class="tac">第<{$key}>章</td>
                    <td><{$item_z.name}></td>
                    <!-- <td class="tar"></td> -->
                </tr>
                <{foreach from=$item_z.jie key=k item=item_j}>
                <tr>
                    <td class="tac"><{$k+1}></td>
                    <td>
                        <a href="/video/play/<{$item_j.course_id}>/<{$item_j.id}>"><{$item_j.name}></a>
                    </td>
                </tr>
                <{/foreach}>
                </tbody>
                <{/foreach}>
            </table>
        </div>
    </div>
</div>
</body>
</html>
